@ibiz-template-plugin/ibiz-file-previewer 0.0.26 → 0.0.28

package/dist/index.es.js

@@ -942,6 +942,10 @@ var FileType = /* @__PURE__ */ ((FileType2) => {
   FileType2["JPEG"] = "jpeg";
   FileType2["ICO"] = "ico";
   FileType2["CSV"] = "csv";
+  FileType2["VUE"] = "vue";
+  FileType2["TSV"] = "tsv";
+  FileType2["MP4"] = "mp4";
+  FileType2["PHP"] = "php";
   FileType2["UNKNOWN"] = "UNKNOWN";
   return FileType2;
 })(FileType || {});
@@ -1006,6 +1010,21 @@ const FileTypeEngineMap = /* @__PURE__ */ new Map([
     /* TXT */
   ]],
   // XML类型文件
+  ["vue", [
+    "TXT"
+    /* TXT */
+  ]],
+  // VUE类型文件
+  ["tsv", [
+    "TXT"
+    /* TXT */
+  ]],
+  // TSV类型文件
+  ["php", [
+    "TXT"
+    /* TXT */
+  ]],
+  // PHP类型文件
   // [FileType.TXT, [EngineType.TXT]], // TXT类型文件
   ["txt", [
     "MD"
@@ -1089,8 +1108,13 @@ const FileTypeEngineMap = /* @__PURE__ */ new Map([
   ["ico", [
     "IMG"
     /* IMG */
-  ]]
+  ]],
   // ICO类型文件
+  ["mp4", [
+    "IMG"
+    /* IMG */
+  ]]
+  // MP4类型文件
 ]);
 const contentWidth = 800;
 const imgModes = [
@@ -1173,6 +1197,9 @@ const fileNameToFileType = (fileName) => {
     case "svg":
       fileType = FileType.SVG;
       break;
+    case "mp4":
+      fileType = FileType.MP4;
+      break;
     case "bmp":
       fileType = FileType.BMP;
       break;
@@ -1194,6 +1221,15 @@ const fileNameToFileType = (fileName) => {
     case "yml":
       fileType = FileType.YML;
       break;
+    case "vue":
+      fileType = FileType.VUE;
+      break;
+    case "tsv":
+      fileType = FileType.TSV;
+      break;
+    case "php":
+      fileType = FileType.PHP;
+      break;
     default:
       fileType = FileType.UNKNOWN;
   }
@@ -1257,24 +1293,27 @@ const copyTextToClipboard = async (text) => {
     return fallbackCopyTextToClipboard(text);
   }
 };
+const isObject = (obj) => {
+  return toString.call(obj) === "[object Object]";
+};
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
 }
-function assertPath(path) {
-  if (typeof path !== "string") {
-    throw new TypeError("Path must be a string. Received " + JSON.stringify(path));
+function assertPath(path2) {
+  if (typeof path2 !== "string") {
+    throw new TypeError("Path must be a string. Received " + JSON.stringify(path2));
   }
 }
-function normalizeStringPosix(path, allowAboveRoot) {
+function normalizeStringPosix(path2, allowAboveRoot) {
   var res = "";
   var lastSegmentLength = 0;
   var lastSlash = -1;
   var dots = 0;
   var code;
-  for (var i2 = 0; i2 <= path.length; ++i2) {
-    if (i2 < path.length)
-      code = path.charCodeAt(i2);
+  for (var i2 = 0; i2 <= path2.length; ++i2) {
+    if (i2 < path2.length)
+      code = path2.charCodeAt(i2);
     else if (code === 47)
       break;
     else
@@ -1314,9 +1353,9 @@ function normalizeStringPosix(path, allowAboveRoot) {
         }
       } else {
         if (res.length > 0)
-          res += "/" + path.slice(lastSlash + 1, i2);
+          res += "/" + path2.slice(lastSlash + 1, i2);
         else
-          res = path.slice(lastSlash + 1, i2);
+          res = path2.slice(lastSlash + 1, i2);
         lastSegmentLength = i2 - lastSlash - 1;
       }
       lastSlash = i2;
@@ -1347,20 +1386,20 @@ var posix = {
     var resolvedAbsolute = false;
     var cwd;
     for (var i2 = arguments.length - 1; i2 >= -1 && !resolvedAbsolute; i2--) {
-      var path;
+      var path2;
       if (i2 >= 0)
-        path = arguments[i2];
+        path2 = arguments[i2];
       else {
         if (cwd === void 0)
           cwd = process.cwd();
-        path = cwd;
+        path2 = cwd;
       }
-      assertPath(path);
-      if (path.length === 0) {
+      assertPath(path2);
+      if (path2.length === 0) {
         continue;
       }
-      resolvedPath = path + "/" + resolvedPath;
-      resolvedAbsolute = path.charCodeAt(0) === 47;
+      resolvedPath = path2 + "/" + resolvedPath;
+      resolvedAbsolute = path2.charCodeAt(0) === 47;
     }
     resolvedPath = normalizeStringPosix(resolvedPath, !resolvedAbsolute);
     if (resolvedAbsolute) {
@@ -1374,20 +1413,20 @@ var posix = {
       return ".";
     }
   },
-  normalize: function normalize(path) {
-    assertPath(path);
-    if (path.length === 0) return ".";
-    var isAbsolute2 = path.charCodeAt(0) === 47;
-    var trailingSeparator = path.charCodeAt(path.length - 1) === 47;
-    path = normalizeStringPosix(path, !isAbsolute2);
-    if (path.length === 0 && !isAbsolute2) path = ".";
-    if (path.length > 0 && trailingSeparator) path += "/";
-    if (isAbsolute2) return "/" + path;
-    return path;
+  normalize: function normalize(path2) {
+    assertPath(path2);
+    if (path2.length === 0) return ".";
+    var isAbsolute2 = path2.charCodeAt(0) === 47;
+    var trailingSeparator = path2.charCodeAt(path2.length - 1) === 47;
+    path2 = normalizeStringPosix(path2, !isAbsolute2);
+    if (path2.length === 0 && !isAbsolute2) path2 = ".";
+    if (path2.length > 0 && trailingSeparator) path2 += "/";
+    if (isAbsolute2) return "/" + path2;
+    return path2;
   },
-  isAbsolute: function isAbsolute(path) {
-    assertPath(path);
-    return path.length > 0 && path.charCodeAt(0) === 47;
+  isAbsolute: function isAbsolute(path2) {
+    assertPath(path2);
+    return path2.length > 0 && path2.charCodeAt(0) === 47;
   },
   join: function join() {
     if (arguments.length === 0)
@@ -1473,18 +1512,18 @@ var posix = {
       return to.slice(toStart);
     }
   },
-  _makeLong: function _makeLong(path) {
-    return path;
+  _makeLong: function _makeLong(path2) {
+    return path2;
   },
-  dirname: function dirname(path) {
-    assertPath(path);
-    if (path.length === 0) return ".";
-    var code = path.charCodeAt(0);
+  dirname: function dirname(path2) {
+    assertPath(path2);
+    if (path2.length === 0) return ".";
+    var code = path2.charCodeAt(0);
     var hasRoot = code === 47;
     var end = -1;
     var matchedSlash = true;
-    for (var i2 = path.length - 1; i2 >= 1; --i2) {
-      code = path.charCodeAt(i2);
+    for (var i2 = path2.length - 1; i2 >= 1; --i2) {
+      code = path2.charCodeAt(i2);
       if (code === 47) {
         if (!matchedSlash) {
           end = i2;
@@ -1496,21 +1535,21 @@ var posix = {
     }
     if (end === -1) return hasRoot ? "/" : ".";
     if (hasRoot && end === 1) return "//";
-    return path.slice(0, end);
+    return path2.slice(0, end);
   },
-  basename: function basename(path, ext) {
+  basename: function basename(path2, ext) {
     if (ext !== void 0 && typeof ext !== "string") throw new TypeError('"ext" argument must be a string');
-    assertPath(path);
+    assertPath(path2);
     var start = 0;
     var end = -1;
     var matchedSlash = true;
     var i2;
-    if (ext !== void 0 && ext.length > 0 && ext.length <= path.length) {
-      if (ext.length === path.length && ext === path) return "";
+    if (ext !== void 0 && ext.length > 0 && ext.length <= path2.length) {
+      if (ext.length === path2.length && ext === path2) return "";
       var extIdx = ext.length - 1;
       var firstNonSlashEnd = -1;
-      for (i2 = path.length - 1; i2 >= 0; --i2) {
-        var code = path.charCodeAt(i2);
+      for (i2 = path2.length - 1; i2 >= 0; --i2) {
+        var code = path2.charCodeAt(i2);
         if (code === 47) {
           if (!matchedSlash) {
             start = i2 + 1;
@@ -1534,11 +1573,11 @@ var posix = {
         }
       }
       if (start === end) end = firstNonSlashEnd;
-      else if (end === -1) end = path.length;
-      return path.slice(start, end);
+      else if (end === -1) end = path2.length;
+      return path2.slice(start, end);
     } else {
-      for (i2 = path.length - 1; i2 >= 0; --i2) {
-        if (path.charCodeAt(i2) === 47) {
+      for (i2 = path2.length - 1; i2 >= 0; --i2) {
+        if (path2.charCodeAt(i2) === 47) {
           if (!matchedSlash) {
             start = i2 + 1;
             break;
@@ -1549,18 +1588,18 @@ var posix = {
         }
       }
       if (end === -1) return "";
-      return path.slice(start, end);
+      return path2.slice(start, end);
     }
   },
-  extname: function extname(path) {
-    assertPath(path);
+  extname: function extname(path2) {
+    assertPath(path2);
     var startDot = -1;
     var startPart = 0;
     var end = -1;
     var matchedSlash = true;
     var preDotState = 0;
-    for (var i2 = path.length - 1; i2 >= 0; --i2) {
-      var code = path.charCodeAt(i2);
+    for (var i2 = path2.length - 1; i2 >= 0; --i2) {
+      var code = path2.charCodeAt(i2);
       if (code === 47) {
         if (!matchedSlash) {
           startPart = i2 + 1;
@@ -1586,7 +1625,7 @@ var posix = {
     preDotState === 1 && startDot === end - 1 && startDot === startPart + 1) {
       return "";
     }
-    return path.slice(startDot, end);
+    return path2.slice(startDot, end);
   },
   format: function format(pathObject) {
     if (pathObject === null || typeof pathObject !== "object") {
@@ -1594,11 +1633,11 @@ var posix = {
     }
     return _format("/", pathObject);
   },
-  parse: function parse(path) {
-    assertPath(path);
+  parse: function parse(path2) {
+    assertPath(path2);
     var ret = { root: "", dir: "", base: "", ext: "", name: "" };
-    if (path.length === 0) return ret;
-    var code = path.charCodeAt(0);
+    if (path2.length === 0) return ret;
+    var code = path2.charCodeAt(0);
     var isAbsolute2 = code === 47;
     var start;
     if (isAbsolute2) {
@@ -1611,10 +1650,10 @@ var posix = {
     var startPart = 0;
     var end = -1;
     var matchedSlash = true;
-    var i2 = path.length - 1;
+    var i2 = path2.length - 1;
     var preDotState = 0;
     for (; i2 >= start; --i2) {
-      code = path.charCodeAt(i2);
+      code = path2.charCodeAt(i2);
       if (code === 47) {
         if (!matchedSlash) {
           startPart = i2 + 1;
@@ -1637,20 +1676,20 @@ var posix = {
     preDotState === 0 || // The (right-most) trimmed path component is exactly '..'
     preDotState === 1 && startDot === end - 1 && startDot === startPart + 1) {
       if (end !== -1) {
-        if (startPart === 0 && isAbsolute2) ret.base = ret.name = path.slice(1, end);
-        else ret.base = ret.name = path.slice(startPart, end);
+        if (startPart === 0 && isAbsolute2) ret.base = ret.name = path2.slice(1, end);
+        else ret.base = ret.name = path2.slice(startPart, end);
       }
     } else {
       if (startPart === 0 && isAbsolute2) {
-        ret.name = path.slice(1, startDot);
-        ret.base = path.slice(1, end);
+        ret.name = path2.slice(1, startDot);
+        ret.base = path2.slice(1, end);
       } else {
-        ret.name = path.slice(startPart, startDot);
-        ret.base = path.slice(startPart, end);
+        ret.name = path2.slice(startPart, startDot);
+        ret.base = path2.slice(startPart, end);
       }
-      ret.ext = path.slice(startDot, end);
+      ret.ext = path2.slice(startDot, end);
     }
-    if (startPart > 0) ret.dir = path.slice(0, startPart - 1);
+    if (startPart > 0) ret.dir = path2.slice(0, startPart - 1);
     else if (isAbsolute2) ret.dir = "/";
     return ret;
   },
@@ -1660,6 +1699,41 @@ var posix = {
   posix: null
 };
 posix.posix = posix;
+var pathBrowserify = posix;
+const path = /* @__PURE__ */ getDefaultExportFromCjs(pathBrowserify);
+class StaticResource {
+  /**
+   * 静态资源工具类
+   * @param mateUrl
+   */
+  constructor(mateUrl) {
+    /**
+     * 是否为 http || https 开头
+     */
+    __publicField(this, "urlReg", /^http[s]?:\/\/[^\s]*/);
+    /**
+     * 计算出的静态资源跟路径
+     */
+    __publicField(this, "baseDir");
+    /**
+     * mete 路径解析对象
+     */
+    __publicField(this, "url");
+    this.url = new URL(mateUrl);
+    this.baseDir = path.dirname(this.url.pathname || this.url.hostname);
+  }
+  /**
+   * 合并输出静态资源目录
+   * @param pathStr
+   * @returns
+   */
+  dir(pathStr) {
+    if (this.urlReg.test(pathStr)) {
+      return pathStr;
+    }
+    return this.url.origin + path.resolve(this.baseDir, pathStr);
+  }
+}
 class EventEmitter {
   constructor() {
     __publicField(this, "handlers", {});
@@ -1714,12 +1788,28 @@ const FilePreviewHtml = (props) => {
       const trackBgColor = computedStyle.getPropertyValue("--track-bg-color").trim();
       const thumbBgColor = computedStyle.getPropertyValue("--thumb-bg-color").trim();
       const thumbHoverBgColor = computedStyle.getPropertyValue("--thumb-hover-bg-color").trim();
+      const onIframeLoad = (e2) => {
+        const iframe2 = e2.target;
+        const doc = iframe2.contentDocument;
+        if (doc) {
+          doc.documentElement.setAttribute(
+            "style",
+            "height:100%;width:100%;overflow: auto"
+          );
+        }
+      };
       const scrollbarStyle = "\n        <style>\n          ::-webkit-scrollbar {\n            display: block;\n            width: 6px;\n            height: 6px;\n          }\n          ::-webkit-scrollbar-track {\n            background: ".concat(trackBgColor, ";\n          }\n          ::-webkit-scrollbar-thumb {\n            background: ").concat(thumbBgColor, ";\n            border-radius: 2px;\n          }\n          ::-webkit-scrollbar-thumb:hover {\n            background: ").concat(thumbHoverBgColor, ";\n          }\n        </style>\n      ");
       const rawContent = props.controller.state.value.content;
       const injectedContent = rawContent.includes("<head>") ? rawContent.replace("<head>", "<head>".concat(scrollbarStyle)) : "".concat(scrollbarStyle).concat(rawContent);
       const blob = new Blob([injectedContent], { type: "text/html" });
       const url = URL.createObjectURL(blob);
-      shadowRoot.innerHTML = '\n        <style>\n          iframe {\n            width: 100%;\n            height: 100%;\n            border: none;\n            display: block;\n          }\n        </style>\n        <iframe src="'.concat(url, '"></iframe>\n      ');
+      const iframe = document.createElement("iframe");
+      iframe.src = url;
+      iframe.addEventListener("load", onIframeLoad);
+      shadowRoot.appendChild(iframe);
+      const style = document.createElement("style");
+      style.innerHTML = "iframe {\n        border: none;\n        display: block;\n        height: 100%;\n        width: 100%;\n      }";
+      shadowRoot.appendChild(style);
       URL.revokeObjectURL(url);
       props.onInitialization();
     } else {
@@ -2284,18 +2374,38 @@ const FilePreviewImage = (props) => {
     if (controller.state.value.fileType === FileType.SVG)
       props.onInitialization();
   }, []);
-  return /* @__PURE__ */ u("div", { className: "file-preview-image ".concat(controller.state.value.theme), children: [
-    controller.state.value.fileType === FileType.SVG ? /* @__PURE__ */ u(
-      "div",
-      {
-        className: "svg-container",
-        style: imgStyle.value,
-        dangerouslySetInnerHTML: {
-          __html: controller.state.value.content
-        },
-        onMouseDown: (evt) => controller.handleMouseDown(evt)
-      }
-    ) : /* @__PURE__ */ u(
+  const renderContent = () => {
+    if (controller.state.value.fileType === FileType.SVG) {
+      return /* @__PURE__ */ u(
+        "div",
+        {
+          className: "svg-container",
+          style: imgStyle.value,
+          dangerouslySetInnerHTML: {
+            __html: controller.state.value.content
+          },
+          onMouseDown: (evt) => controller.handleMouseDown(evt)
+        }
+      );
+    }
+    if (controller.state.value.fileType === FileType.MP4) {
+      return /* @__PURE__ */ u(
+        "video",
+        {
+          controls: true,
+          onLoadedData: () => props.onInitialization(),
+          onError: () => props.onInitialization(),
+          children: /* @__PURE__ */ u(
+            "source",
+            {
+              src: controller.state.value.content,
+              type: "video/mp4"
+            }
+          )
+        }
+      );
+    }
+    return /* @__PURE__ */ u(
       "img",
       {
         style: imgStyle.value,
@@ -2304,7 +2414,10 @@ const FilePreviewImage = (props) => {
         onError: () => props.onInitialization(),
         onMouseDown: (evt) => controller.handleMouseDown(evt)
       }
-    ),
+    );
+  };
+  return /* @__PURE__ */ u("div", { className: "file-preview-image ".concat(controller.state.value.theme), children: [
+    renderContent(),
     /* @__PURE__ */ u(Teleport, { to: "#".concat(controller.controlsId), children: /* @__PURE__ */ u("div", { className: "image-toolbar-container", children: [
       /* @__PURE__ */ u(
         "button",
@@ -6176,12 +6289,12 @@ var dist = { exports: {} };
                 /* harmony export */
               });
               var _util_addStyle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__2(290);
-              var setContentTheme = function(contentTheme, path) {
-                if (!contentTheme || !path) {
+              var setContentTheme = function(contentTheme, path2) {
+                if (!contentTheme || !path2) {
                   return;
                 }
                 var vditorContentTheme = document.getElementById("vditorContentTheme");
-                var cssPath = "".concat(path, "/").concat(contentTheme, ".css");
+                var cssPath = "".concat(path2, "/").concat(contentTheme, ".css");
                 if (!vditorContentTheme) {
                   (0, _util_addStyle__WEBPACK_IMPORTED_MODULE_0__.c)(cssPath, "vditorContentTheme");
                 } else if (vditorContentTheme.getAttribute("href") !== cssPath) {
@@ -6208,12 +6321,12 @@ var dist = { exports: {} };
                 )
                 /* harmony export */
               });
-              var addScriptSync = function(path, id) {
+              var addScriptSync = function(path2, id) {
                 if (document.getElementById(id)) {
                   return false;
                 }
                 var xhrObj = new XMLHttpRequest();
-                xhrObj.open("GET", path, false);
+                xhrObj.open("GET", path2, false);
                 xhrObj.setRequestHeader("Accept", "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript, */*; q=0.01");
                 xhrObj.send("");
                 var scriptElement = document.createElement("script");
@@ -6222,14 +6335,14 @@ var dist = { exports: {} };
                 scriptElement.id = id;
                 document.head.appendChild(scriptElement);
               };
-              var addScript = function(path, id) {
+              var addScript = function(path2, id) {
                 return new Promise(function(resolve2, reject) {
                   if (document.getElementById(id)) {
                     resolve2(true);
                     return false;
                   }
                   var scriptElement = document.createElement("script");
-                  scriptElement.src = path;
+                  scriptElement.src = path2;
                   scriptElement.async = true;
                   document.head.appendChild(scriptElement);
                   scriptElement.onerror = function(event) {
@@ -10908,30 +11021,30 @@ var dist = { exports: {} };
             }
             var succFileText = "";
             Object.keys(response.data.succMap).forEach(function(key) {
-              var path = response.data.succMap[key];
+              var path2 = response.data.succMap[key];
               var lastIndex = key.lastIndexOf(".");
               var type = key.substr(lastIndex);
               var filename = vditor.options.upload.filename(key.substr(0, lastIndex)) + type;
               type = type.toLowerCase();
               if (type.indexOf(".wav") === 0 || type.indexOf(".mp3") === 0 || type.indexOf(".ogg") === 0) {
                 if (vditor.currentMode === "wysiwyg") {
-                  succFileText += '<div class="vditor-wysiwyg__block" data-type="html-block"\n data-block="0"><pre><code>&lt;audio controls="controls" src="'.concat(path, '"&gt;&lt;/audio&gt;</code></pre><pre class="vditor-wysiwyg__preview" data-render="1"><audio controls="controls" src="').concat(path, '"></audio></pre></div>\n');
+                  succFileText += '<div class="vditor-wysiwyg__block" data-type="html-block"\n data-block="0"><pre><code>&lt;audio controls="controls" src="'.concat(path2, '"&gt;&lt;/audio&gt;</code></pre><pre class="vditor-wysiwyg__preview" data-render="1"><audio controls="controls" src="').concat(path2, '"></audio></pre></div>\n');
                 } else if (vditor.currentMode === "ir") {
-                  succFileText += '<audio controls="controls" src="'.concat(path, '"></audio>\n');
+                  succFileText += '<audio controls="controls" src="'.concat(path2, '"></audio>\n');
                 } else {
-                  succFileText += "[".concat(filename, "](").concat(path, ")\n");
+                  succFileText += "[".concat(filename, "](").concat(path2, ")\n");
                 }
               } else if (type.indexOf(".apng") === 0 || type.indexOf(".bmp") === 0 || type.indexOf(".gif") === 0 || type.indexOf(".ico") === 0 || type.indexOf(".cur") === 0 || type.indexOf(".jpg") === 0 || type.indexOf(".jpeg") === 0 || type.indexOf(".jfif") === 0 || type.indexOf(".pjp") === 0 || type.indexOf(".pjpeg") === 0 || type.indexOf(".png") === 0 || type.indexOf(".svg") === 0 || type.indexOf(".webp") === 0) {
                 if (vditor.currentMode === "wysiwyg") {
-                  succFileText += '<img alt="'.concat(filename, '" src="').concat(path, '">\n');
+                  succFileText += '<img alt="'.concat(filename, '" src="').concat(path2, '">\n');
                 } else {
-                  succFileText += "![".concat(filename, "](").concat(path, ")\n");
+                  succFileText += "![".concat(filename, "](").concat(path2, ")\n");
                 }
               } else {
                 if (vditor.currentMode === "wysiwyg") {
-                  succFileText += '<a href="'.concat(path, '">').concat(filename, "</a>\n");
+                  succFileText += '<a href="'.concat(path2, '">').concat(filename, "</a>\n");
                 } else {
-                  succFileText += "[".concat(filename, "](").concat(path, ")\n");
+                  succFileText += "[".concat(filename, "](").concat(path2, ")\n");
                 }
               }
             });
@@ -16921,6 +17034,7 @@ const FilePreviewMD = (props) => {
   const c2 = props.controller;
   const vditorEditor = A();
   const previewRef = A(null);
+  const staticResource = new StaticResource(import.meta.url);
   const MAX_INIT_LENGTH = 2e3;
   const CHUNK_SIZE = 2e3;
   const content = c2.state.value.content;
@@ -16948,6 +17062,14 @@ const FilePreviewMD = (props) => {
       }, vditor.options.preview.delay + 10);
     }
   };
+  const runPreviewAfterRender = () => {
+    var _a;
+    const vd = (_a = vditorEditor.current) == null ? void 0 : _a.vditor;
+    if (!vd || !vd.preview) {
+      return;
+    }
+    vd.preview.afterRender(vd, (/* @__PURE__ */ new Date()).getTime());
+  };
   y$1(() => {
     vditorEditor.current = new Vditor(previewRef.current, {
       // 预览内容白色背景，与word、pdf对齐
@@ -16996,13 +17118,15 @@ const FilePreviewMD = (props) => {
               (_b = vditorEditor.current) == null ? void 0 : _b.vditor.outline.render(
                 vditorEditor.current.vditor
               );
+              runPreviewAfterRender();
             }
           };
           requestIdleCallback(() => {
             insertNextChunk();
           });
         }
-      }
+      },
+      cdn: "".concat(staticResource.dir("./vditor"))
     });
   }, []);
   return /* @__PURE__ */ u("div", { className: "file-preview-md ".concat(c2.state.value.theme), children: [
@@ -19014,7 +19138,12 @@ const FilePreviewText = (props) => {
     try {
       if (c2.state.value.fileType === FileType.JSON) {
         try {
-          const jsonObject = JSON.parse(c2.state.value.content);
+          let jsonObject;
+          if (isObject(c2.state.value.content) || Array.isArray(c2.state.value.content)) {
+            jsonObject = c2.state.value.content;
+          } else {
+            jsonObject = JSON.parse(c2.state.value.content);
+          }
           previewRef.current.textContent = JSON.stringify(jsonObject, null, 2);
         } catch (error2) {
           previewRef.current.textContent = c2.state.value.content;